/**
* 涉及
*/
<template>
    <el-select v-model="modelValue" :multiple="multiple" class="w100" v-if="!disabled" collapse-tags>
        <el-option label="飞机" :value="10" />
        <el-option label="发动机" :value="20" />
        <el-option label="螺旋桨" :value="30" />
        <el-option label="其他" :value="90" />
    </el-select>
    <el-space v-else>
        <el-tag v-for="item in modelValue"> 
            {{ item === 10 ? '飞机' : 
                item === 20 ? '发动机' : 
                item === 30 ? '螺旋桨' : 
                item === 90 ? '其他' :  '' }}
        </el-tag>
    </el-space>
</template>
<script setup lang="ts" name="purpose">

const modelValue = defineModel({ type: Array, default: [] });
const emits = defineEmits(['change']);
const props = defineProps({
    disabled: {
        type: Boolean,
        default: false,
    },
    multiple:{
        type: Boolean,
        default: false,
    },
});

</script>